<template>
     <div class="" style="width:22vw;height:100vh;color:white;background-color:rgba(3,3,3,0.5);">
        <div style="padding-top:10vh;">
            <div style="margin-left:10px;" ><i class="el-icon-s-shop" style="color:#409EFF;"></i><span style="margin-left:5px;font-size:14px;">{{dkData.name}}-概况</span></div>
            <div style="display:flex;font-size:12px;">
                <div style="flex:1;text-align:center;display:flex;justify-content: center;align-items: center;">
                    <div>
                        <div style="font-size:14px;">面积</div>
                        <div style="font-size:12px;color:#71C80D;">{{dkData.area}}亩</div>
                    </div>
                    <div style="margin-left:5px;"><i class="el-icon-s-grid" style="color:#71C80D;font-size:26px;"></i></div>
                </div>
                <div style="flex:1;text-align:center;display:flex;justify-content: center;align-items: center;">
                    <div style="">
                        <div style="font-size:14px;">公司名称</div>
                        <div style="font-size:12px;color:#57F1DC;">{{dkData.qyName}}</div>
                    </div>
                    <div style="margin-left:5px;"><i class="el-icon-office-building" style="color:#57F1DC;font-size:26px;"></i></div>
                </div>
            </div>
<!---->
            <div v-for="(item,index) in (dkData.plantDAta)" :key="index" style="margin-left:10px;" v-if='dkData.plantDAta.length >0'>
                <div style="display:flex;margin-top:10px;justify-content: space-between;">
                    <div style="width:50px;height:50px;"><img style="width:100%;height:100%;" :src="$store.state.plantImg + item.plantImg" alt=""></div>
                    <div style="font-size:12px;background-color:rgba(215,230,255,1);width:70%;color:black;">
                        <div>{{item.jyName}}</div>
                        <div>面积：{{item.plantArea}}亩</div>
                        <div style="margin-top:5px;">{{item.plantTime}}---{{item.reapTime}}</div>
                    </div>
                </div>
<!--                <div style="padding-bottom:10px;margin-top:10px;border-bottom:1px solid #ACADAC;"><span style="font-size:12px;">农事</span><span style="margin-left:20px;font-size:12px;">{{item.nongshi.length}}个农事记录</span></div>-->
                <div style="padding-bottom:10px;margin-top:10px;border-bottom:1px solid #ACADAC;"><span style="font-size:12px;">采收</span><span style="margin-left:20px;font-size:12px;">{{item.caishouNumber}}个采收记录</span><span style="float: right; font-size:12px;">采收重量{{item.caishouWeight}}kg</span></div>
<!--                <div style="padding-bottom:10px;margin-top:10px;border-bottom:1px solid #ACADAC;" v-if="item.nongshi != ''"><span><i class="el-icon-chat-line-round" style="font-size:18px;"></i></span><span  style="margin-left:20px;font-size:12px;">{{item.nongshi[0].principalName}}完成了{{item.nongshi[0].type}}</span><span  style="float: right; font-size:12px;">{{item.nongshi[0].endTime}}</span></div>-->
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
			
        };
    },
    props:['dkData'],
    computed: {
        
    },
    methods: {
        
    },
    mounted() {
        
    },
	created(){

	},
    watch: {
        dkData(){
            console.log(this.dkData)
        }
    }
};
</script>
<style scoped>
	
</style>
